Grid

Partitions an area into a two-dimensional grid.

Properties

• Columns: Number of columns in the grid

• Rows: Number of rows in the grid

• Column weights: Set the relative size of each column with the following format

  [
      '1', <!-- string -->
      '2'  <!-- column 2 is twice the width of column 1 -->
  ]

• Row weights: Set the relative size of each row with the format similar to the above.

  [
  '2',
  '1'
  ]

• Grid gap:

  Space between components in the grid

• Background color:

  • Dark
  • Light
  • None

• Padding:

  Extra space/border around the dropdown

• Grow:

  Whether the component should grow to fit container

• Min height:

  Used to adjust height to fill entire space e.g. in container. Height units are in rem.

• Background:

  A background image or a background color can be added (permission to upload file required).